﻿


.home-hero {
    margin-bottom: 26px;
}





  
.home-hero-slider {
    position: relative;
    height: 460px;
    overflow: hidden;
    _zoom: 1;
}



 .home-hero-slider .ui-wrapper .ui-prev {
        left: 234px;
    }


  .ui-wrapper .ui-viewport {
        -webkit-transform: translatez(0);
        -ms-transform: translatez(0);
        transform: translatez(0);
    }


    .home-hero-slider .slide {
        display: block;
        width: 1226px;
        height: 460px;
    }

        .home-hero-slider .slide a {
            display: block;
        }

        .home-hero-slider .slide img {
            width: 1226px;
            height: 460px;
        }

   

    .home-hero-slider .ui-pager {
        display: block;
        left: auto;
        right: 30px;
        width: 400px;
        text-align: right;
    }
    


























      .home-hero .home-hero-sub {
        margin-top: 14px;

    }

.home-promo-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .home-promo-list li {
        float: left;
        width: 295px;
        height: 170px;
        margin-left: 15px;
        -webkit-transition: -webkit-box-shadow .2s linear;
        transition: box-shadow .2s linear;
    }
     .home-promo-list li:hover {
            z-index: 2;
            -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        .home-promo-list li.first {
            margin-left: 0;
        }
          .home-promo-list li.last {
            margin-left: 16px;
        }

    .home-promo-list a {
        display: block;
        height: 170px;
    }

    .home-promo-list img {
        width: 295px;
        height: 170px;
    }


.box-hd-container {
    margin-bottom:26px;
}
    
 .box-hd-container .box-hd {
    position: relative;
    height: 58px;
    -webkit-font-smoothing: antialiased;
}

 .box-hd-container .box-hd .title {
        margin: 0;
        font-size: 22px;
        font-weight: 200;
        line-height: 58px;
        color: #333;
    }
 
  .box-hd-container .leftwidth{
       width:49.5%;
    }
  .box-hd-container .leftwidth img{
       width:100%;
    }
  .box-hd-container .rightwidth{
       width:49.5%;
    }
    .box-hd-container .rightwidth img{
       width:100%;
    }